import React from 'react';
import styled from '@emotion/styled';
import { Image } from 'antd';

interface MessageItemImageProps {
	content: string;
	onClick?: () => void;
}
const StyledMessageItemImage = styled.div`
height: 100px;
display: flex;
justify-content: flex-start;

.image {
	display: inline-block;
	height: 100%;
	object-fit: contain;
}
`;
const MessageItemImage: React.FC<MessageItemImageProps> = ({ content, onClick }) => {

	return (
		<StyledMessageItemImage onClick={onClick}>
			<Image className="image" src={content} />
		</StyledMessageItemImage>
	);
};

export default MessageItemImage;
